<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
 <link rel="stylesheet" type="text/css" href="/VehicleManagement/css/login.css">
</head>
<body>
	 <!-- 背景图容器 -->
    <div class="background-container">
        <div class="background-image"></div>
    </div>
    
    <!-- 登录容器 -->
    <div class="login-container">
        <div class="login-header">
            <h1>汽车买卖系统管理</h1>
            <p>请登录您的账户继续</p>
        </div>
        <form action="login.do" method="POST">
            <div class="input-group">
                <i class="fas fa-user"></i>
                <input type="text" placeholder="账号" id="username" name="username">
            </div>
            
            <div class="input-group">
                <i class="fas fa-lock"></i>
                <input type="password" placeholder="密码" id="password" name="password">
            </div>
            <button type="submit" class="login-btn">登 录</button>
        </form>
    </div>
</body>
<script src="/VehicleManagement/js/jquery.js"></script>
<script>
	//添加简单的交互效果
	document.addEventListener('DOMContentLoaded', function() {
    	const inputs = document.querySelectorAll('.input-group input');
    
    	inputs.forEach(input => {
        	input.addEventListener('focus', function() {
            	this.parentElement.style.transform = 'scale(1.02)';
        	});
        
        	input.addEventListener('blur', function() {
           	 this.parentElement.style.transform = 'scale(1)';
        });
    });
</script>
</html>